<template>
  <div class="mytest">
      <ul class="test_all">
        <li class="text_li" v-for="n in 10">
          <div class="left">
            <div class="test_name">导言导言导言导言导言导言导言导言导言导言导言导言导言导言导言导言导言</div>
            <div class="time">2017年9月6日14:49</div>
          </div>
          <!-- <div class="right">
            <div class="ico">
                <div class="cir">
                  <i class="iconfont icon-out"></i>
                </div>
            </div>
            <div class="txt">未通过</div>
          </div> -->
          <div class="right">
            <div class="ico">
                <div class="cir">
                  <i class="iconfont icon-pass"></i>
                </div>
            </div>
            <div class="txt">通过</div>
          </div>
        </li>
      </ul>
  </div>
</template>

<script>
export default {
  name: "mytest",
  data() {
    return {
      src: ""
    };
  },
  mounted: function() {
    this.$nextTick(function() {});
  },
  methods: {}
};
</script>
<style scoped lang="less">
.mytest {
  background: #f2f2f2;
  min-height: 100%;
  height: auto;
  .test_all {
    padding: 0 0.15rem;
    overflow: auto;
    .text_li {
      margin-top: 0.1rem;
      border-radius: 0.05rem;
      display: flex;
      background: #ffffff;
      .left {
        flex: 1;
        padding-left: 0.2rem;
        .test_name {
          width: 2.3rem;
          height: 0.415rem;
          line-height: 0.415rem;
          color: #333333;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          word-wrap: break-word;
        }
        .time {
          height: 0.215rem;
          line-height: 0.215rem;
          color: #999999;
        }
      }
      .right {
        border-left: 0.01rem solid #f2f2f2;
        width: 0.74rem;
        padding: 0.06rem 0;
        .ico {
          height: 0.415rem;
          line-height: 0.415rem;
          text-align: center;
          .cir {
            display: inline-block;
            width: 0.33rem;
            height: 0.33rem;
            border-radius: 50%;
            background: #36cfa5;
            text-align: center;
            line-height: 0.33rem;
            i {
              width: 0.14rem;
              height: 0.18rem;
              color: #ffffff;
            }
          }
        }
        .txt {
          height: 0.215rem;
          line-height: 0.215rem;
          font-size: 0.12rem;
          color: #545454;
          text-align: center;
        }
      }
    }
  }
}
</style>


